/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Directory structure:
 *
 *  stylesheets/
 *  |
 *  |-- application/          # Styles for specific pages.
 *  |   |-- allies.scss       # Etc...
 *  |   ...
 *  |
 *  |-- base/                 # Variables and other common project styles.
 *  |   |-- _colors.scss      # Color variables.
 *  |   |-- _fonts.css        # Font variables and imports.
 *  |   ...                   # etc.
 *  |
 *  `-- application.css.scss  # primary Sass file
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *
 *= require_self
 */

@import "base/*";
@import "font-awesome";

/* Text */

body,
html {
  @include setFontSize($size-20);

  margin: 0 auto;
  font-family: $font-family;
  font-weight: $font-weight-400;
  line-height: 1.4;
}

.bodyModalOpen {
  overflow: hidden;
}

.bodyHeaderOpen {
  @media screen and (max-width: $medium) {
    overflow: hidden;
  }
}

.content {
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  align-items: center;
  justify-content: center;

  > div {
    width: 100%;
  }

  .profiler-results {
    width: auto;
  }
}

.htmlOptions {
  height: 100%;
}

main {
  width: 100%;
}

@import "core/*";
@import "dashboard/*";
@import "static/*";
@import "secret_share/*";
@import "overrides/*";
@import "application/*";
